// 查询用户
$(function () {
  // 当前页
  var currentPage = 1;
  // 每页的数据条数
  var pageSize = 5;
  
  //记录当前操作用户的状态
  var currentId = null;
  var isDelete = null;



  // 渲染第一页
  render();
  function render() {
    // 发送请求, 获取表格渲染的数据
    $.ajax({
      url: '/user/queryUser',
      data: {
        page: currentPage,
        pageSize: pageSize
      },
      success: function (info) {
        console.log(info);
        // 参数2 必须是一个对象
        // 在模板中可以任意使用对象中的属性
        // isDelete 表示用户的启用状态,1 表示启用, 0表示禁用
  
        $('.lt-main tbody').html(template('tmp',info));
        setPage(info.total);
      }
    })
  };
 function setPage(total) {
          // 配置分页
      $('#paginator').bootstrapPaginator({
      // 指定bootstrap版本
      bootstrapMajorVersion: 3,
      // 当前页
      currentPage: currentPage,
      // 总页数
      totalPages: Math.ceil(total / pageSize),
      // 当页面被点击时触发
      // onPageClicked: function( a, b, c, page ) {
      // // page 当前点击的页码
      // currentPage = page;
      // // 调用 render 重新渲染页面
      // render();
      // }
      onPageClicked:function(event, originalEvent, type,page){
        //为按钮绑定点击事件 page:当前点击的按钮值
        currentPage = page;
        render();
      }
    })
  };

  // 3- 点击禁用启用按钮,获取当前数据的id, 记录要进行的操作（根据按钮颜色）
  $('tbody').on('click','.button',function () {
    // currentId = $(this).parent().attr('data-id');
    // data-id 用 $('div').data('id');
    currentId = $(this).parent().data('id');
    isDelete = $(this).hasClass('btn-success') ? 1 : 0; //1启用 0禁用
  })

   // 4- 点击确定按钮后, 保存刚才记录的数据  执行对应的操作
   $('.btn-ok').click(function () {
    $.ajax({
      url: '/user/updateUser',
      type: 'post',
      data: {
        id: currentId,
        isDelete: isDelete
      },
      dataType: 'json',
      success: function (info) {
        console.log(info);
       if(info.success) {
         //重新渲染当前页
         render();
         //隐藏模态框
        // 显示 .modal('show');
        $('.modal-user').modal('hide');
       }
        
      }
    })
  })

});

 